Color in UX design UX 設計中的顏色運用
顏色在 UX 中的作用
1. 引導使用者行為與注意力
不同顏色傳達不同情緒和行為訊號:
紅色:警示、引起注意(用於緊急按鈕、停止標誌)

藍色:平靜、信任、專業感(廣受歡迎)

2. 文化差異注意事項
顏色的意義在不同地區可能不同,需根據目標使用者文化背景調整配色。
色彩在設計中的三大作用
用於強調(Emphasis)
色彩變化可突出關鍵操作,如按鈕。
60-30-10 規則:
- 60%:主色(如白色)用於背景、基礎佈局
- 30%:次色(如灰色)用於輔助、次要資訊
- 10%:強調色(如橙色)用於操作按鈕等重點內容
Figma 應用示例:
- 使用
#d4d4d4灰色矩形襯托文字
- 建立
#fa7b17橙色按鈕 “Choose a time”
- 文字用白色
#ffffff並調整字號使其更合適(18px)
傳達品牌(Branding)
品牌色彩是品牌識別的一部分:
- Google 的紅、黃、藍、綠四色就是經典例子
- 色彩應在網站、App、Logo 等不同設計中保持一致
- 作為 UX 設計師,你需要遵循公司品牌指南
提升無障礙性(Accessibility)
- 顏色對比影響可讀性,直接影響低視力使用者的使用體驗
- 遵循 WCAG 對比度標準:黑字配白底可讀性高,相近顏色(綠+藍)則難以辨認
